*{
  margin: 0;
  padding: 0;
}
@oneIndex: 2147483584;
@twoIndex: 2147400000;
@threeIndex: 1147400000;
@four: 147400000;
/* =============================================== */

.browser{ position: fixed;height: 50px; width: 100%; background-color: rgba(222, 0, 91, 0.83); bottom:0;z-index: 200000; display: none;}
.browser-flex{ flex: 1; }
.browser-main{color: #ffffff;line-height: 50px;text-align: center;float: left;padding-left: 30px;}
.browser-close{
  float: right;
  width: 50px;
  font-size: 18px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}

.ia-index{
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(113, 113, 113, 0.97);*/
  display: flex;
  flex-direction: column;
  min-width: 800px;
  min-height: 500px;
}
.ia-index-header{
  height: 60px;
  background-color: #000000;
  display: flex;
}
.ia-index-header-left{
  width: 300px;
  /*background-color: #353535;*/
  /*border-right: 1px solid #ffffff;*/
  line-height: 60px;
  text-align: center;
  color: #ffffff;
}
.ia-index-header-left>img{
  height: 30px;
  margin-right: 10px;
}
.ia-index-header-right{
  flex: 1;
  display: flex;
}
.ia-index-header-display{
  width: 30px;
  line-height: 60px;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s linear;
  text-align: center;
}
.ia-index-header-home{  width: 30px;  line-height: 60px;  color: #ffffff;  cursor: pointer; transition: all 0.2s linear; text-align: center;}
.ia-index-header-refresh{ width: 30px; line-height: 60px; color: #ffffff; cursor: pointer; font-weight: 600; transition: all 0.2s linear;  text-align: center;}
.ia-index-header-refresh-anim{animation: refresh 1s linear infinite; }
@keyframes refresh {
  0%{
    transform:rotate(0deg) ;
  }

  100%{
    transform:rotate(360deg) ;
  }
}
.ia-index-header-user-ul{height: 60px;  float: right;}
.ia-index-header-user-ulname{  height: 60px;   line-height: 60px; color: #ffffff;    cursor: pointer;     padding: 0px 10px;}
.ia-index-header-user-ulname:hover{ background-color: #262626;}
.ia-index-header-user-ul>li{  height: 60px;  list-style: none;}
.ia-index-header-user{ flex: 1; }
.ia-index-header-refresh:hover,.ia-index-header-display:hover,.ia-index-header-home:hover{  color: #c3c3c3; }
.ia-index-header-title{  flex: 1; line-height: 60px; color: #ffffff;}
.ia-main{ flex: 1;/*background-color: #000088;*/display: flex;}
.ia-main-left{  width: 300px;  background-color: #efefef;  border-right: 1px solid #c6c6c6; box-sizing: border-box; overflow: auto; overflow-x: hidden; }
.ia-main-right{ flex: 1; /*background-color: #cea08a;*/ display: flex; flex-direction: column; }
.ia-main-ul{ height: auto; width: auto; /*padding-left: 30px;*/ }
.ia-main-ul>li{ line-height: 40px;border-bottom: 1px solid #c6c6c6;}
.ia-main-ul>li>span{ height: 30px;width: 30px;padding-left: 20px;}
.ia-main-ul-rightspan{float: right;}
.ia-main-childen-ul{display: none;}
.ia-main-childen-ul>li{  list-style: none;   padding-left: 40px; cursor: pointer; font-size: 14px; color: #585858;}
.ia-main-childen-ul>li:hover{background-color: #bebebe;}
.NavClick{color: #364a52;cursor: pointer;}
.NavClick:hover{ color: #6e97a7;}
.NavClickIcon{transform:rotate(90deg);animation: NavIcon 0.2s linear;}
.NavClickIconDeg{ transform:rotate(0deg); animation: NavIconDeg 0.2s linear;}
@keyframes NavIcon {
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(90deg);
  }
}
@keyframes NavIconDeg {
  0%{
    transform:rotate(90deg);
  }
  100%{
    transform:rotate(0deg);
  }
}
.ia-main-right-top{ height: 40px; background-color: #efefef; border-bottom: 1px solid #c6c6c6;  display: flex; }
.ia-main-right-top-title{flex: 1;position: relative;overflow: hidden;white-space:nowrap;}
.ia-main-right-top-center{position: absolute; width: auto;}
.ia-main-right-top-center-ul{ width: auto;   height: 40px;}
.ia-main-right-top-center-ul>li{ list-style: none; float: left; }
.ia-main-right-top-nav{  width: 80px; display: flex;}
.ia-main-right-top-nav>span{ flex: 1; text-align: center; line-height: 40px;cursor: pointer;}
.ia-main-right-top-nav>span:hover{background-color: #b4b1b2;}
.ia-main-right-top-main{padding-left: 10px;padding-right: 10px;line-height: 40px;font-size: 14px;cursor: pointer;}
.ia-main-right-top-main-first{background-color: #747474;color: #ffffff;}
.xxicon{padding-left: 5px;}
.ia-main-right-bottom{flex: 1;/*background-color: #364a52;*/position: relative; }
.ia-main-right-bottom-main{position: absolute;height: 100%;width: 100%;}
.ia-main-right-bottom-main>iframe{position: absolute;width: 100%;height: 100%;}
.ia-main-right-load{position: absolute;width: 80%;height: 3px;animation: loading 4s linear;background-color: #4288ce;}
@keyframes loading {
  0%{
    width: 0%;
  }
  10%{
    width: 10%;
  }
  30%{
    width: 10%;
  }
  50%{
    width: 50%;
  }
  60%{
    width: 50%;
  }
  80%{
    width: 80%;
  }
}
/* =============================================== */

@font-face {
  font-family: 'iconfont';
  src: url('../iceyadminicon/iconfont.eot');
  src: url('../iceyadminicon/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iceyadminicon/iconfont.woff') format('woff'),
  url('../iceyadminicon/iconfont.ttf') format('truetype'),
  url('../iceyadminicon/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.scrollbar{
  /*width:450px;*/
  /*height:300px;*/
  /*margin:100px auto;*/
  /*border: 1px #eee solid;*/
  /*background-color:#eee;*/
  /*display:inline-block;*/
  /*overflow: auto;*/
  -webkit-overflow-scrolling : touch;
}
/*凹槽宽度*/
.scrollbar::-webkit-scrollbar{
  width:8px;
  height:8px;
}
/*拖动条*/
.scrollbar::-webkit-scrollbar-thumb{
  background-color: #696969;
  border-radius:6px;
}
/*背景槽*/
.scrollbar::-webkit-scrollbar-track{
  background-color:#ddd;
  border-radius:6px;
}
/* .IA-Alert-Main{position: fixed;z-index: 9999999999;right: 0px;height: auto;display: flex;flex-direction: column}
.IA-Alert{padding:10px 30px;color:#ffffff;background-color: #2e6da4;animation:IA-Alert-Animato 2s forwards  }
@keyframes IA-Alert-Animato {
    0%{display: block;opacity: 1}
    70%{display: block;opacity: 1}
    100%{display: none;opacity: 0}
} */

.IA-Input{border-left: 2px solid  #414141;height: 30px;line-height: 30px;padding-left: 10px;}
.IA-Table{width: 100%;text-align: center;box-shadow: 0 0 5px #000000;}
.IA-Table thead{font-weight: bold;background-color: #696969;color: #ffffff;}
.IA-Table td{border: 1px solid #cccccc;}
.IA-BJ{cursor: pointer;}
.IA-Button{padding: 10px 30px;outline: none;border: 0px;cursor: pointer;}
.IA-Submit{background-color: #414141;color: #ffffff;}
.IA-Submit:hover{background-color: #383838;}
.IA-Submit:active{background-color: #141313;}


.IA-Clean{background-color: #F85050;color: #ffffff}
.IA-Clean:hover{background-color: #E73939;}
.IA-Clean:active{background-color: #C71313;}
.IA-Select-LR-Head{width: 840px;height: 50px;display: flex;}
.IA-Select-LR-Head-left{width: 400px;height: 100%;border: 1px ;text-align: center;}
.IA-Select-LR-Head-center{flex: 1;text-align: center;line-height: 500px;}
.IA-Select-LR-Head-right{width: 400px;height: 100%;border: 1px ;text-align: center;}

.IA-Select-LR-Main{width: 840px;height: 500px;display: flex;}
.IA-Select-LR-Main-left{width: 400px;height: 100%;border: 1px solid #cccccc;overflow: auto;overflow-x: hidden;display: flex;flex-direction: column;}
.IA-Select-LR-Main-center{flex: 1;text-align: center;line-height: 500px;}
.IA-Select-LR-Main-right{width: 400px;height: 100%;border: 1px solid #cccccc;overflow: auto;overflow-x: hidden;display: flex;flex-direction: column;}
.IA-Tab{width: 250px;height: 200px;border:1px solid #cccccc;display: flex; flex-direction: column;}
.IA-Tab-Head{height: 35px;overflow: hidden;border-bottom:1px solid #cccccc;}
.IA-Tab-Value{width: 100%;height: 100%;border: 0;outline: none;padding-left: 10px;padding-right: 10px;}
.IA-Tab-Main{flex: 1;overflow: auto;overflow-x: hidden;}
.IA-Tab-Main-Title{height: auto;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;list-style: none;}
.IA-Tab-Main-Title>span{font-weight: bold;}
.IA-Tab-Main-List>li{font-size: 12px;color: #414141;list-style: none;padding-left: 20px;cursor: pointer;}
.IA-Tab-Main-List>li:hover{background-color: #414141;color: #ffffff;}
.IA-Image{height: 100px;width: 100px;background-color: #cccccc;position: relative;cursor: pointer;}
.IA-Image-Main{height: 100%;width: 100%;position: absolute;}
.IA-Image-Loading{animation: IAImageLoad 3s infinite;}
.IA-Image-Input{width: 100%;height: 100%;position: absolute;opacity: 0;cursor: pointer;}
@keyframes IAImageLoad {
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}
.IA-Alert{position: fixed;height: 100%;width: 100%;background-color: rgba(66, 66, 66, 0.54);z-index: @oneIndex;animation:IAAlertShow 0.3s; }
@keyframes IAAlertShow{
  from{opacity: 0;}
  to{opacity: 1;}
}
.IA-Alert-Main{height: 120px;width: 250px;background-color: #ffffff;position: absolute;top: 50%;left: 50%;margin-top: -60px;margin-left: -145px;border-radius: 5px;}
.IA-Alert-Main-Header{text-align: center;font-size: 13px;height: 40px;line-height: 40px;border-bottom:1px solid #cccccc;border-radius:5px 5px 0 0;}
.IA-Alert-Main-close{height: 20px;width: 20px;float: right;cursor: pointer;}
.IA-Alert-Main-Message{font-size: 14px;color: #494949;padding: 10px;}

.IA-Alert-Loading{position: fixed;height: 100%;width: 100%;background-color: rgba(66, 66, 66, 0.54);z-index: @twoIndex;animation:IAAlertShow 0.3s; }
.IA-Alert-Loading>div{height: 50px;width: 50px;position: absolute;top: 50%;left: 50%;margin-top: -25px;margin-left: -25px;background-image: url("/IA/image/IAImageLoad.png");background-size: cover;animation: IALoading 3s infinite;}
@keyframes IALoading{
  from{transform: rotate(0deg);}
  to{transform: rotate(360deg);}
}
@keyframes IAIframe {
  from{opacity: 0;}
  to{opacity: 1;}
}

.IA-Iframe{
  position: fixed;height: 100%;width: 100%;animation:IAIframe 0.3s;z-index: @twoIndex;
  .IA-Iframe-Main{
    position: absolute;height: 100%;width: 100%;display: flex;flex-direction:column;background-color: #ffffff;
    .IA-Iframe-Header{
      height: 50px;
      border-bottom: 3px solid #cccccc;
      box-sizing: border-box;
      line-height: 50px;
      text-align: center;
      .iconfont{
        float: right;
        margin-right: 10px;
        cursor: pointer;
      }
    }
      iframe{
        height: 100%;
      }
    .IA-Iframe-bottom{
      height: 70px;
      border-top: 3px solid #cccccc;
      box-sizing: border-box;
      text-align: center;
      .IA-Button{
        margin: 10px auto;
      }
    }
  }
}
@IASelectBoxWidth:100%;
@IASelectBoxHeight:100%;
@IASelectBoxBorderColor:#000000;

.IA-SelectBox{
  height: @IASelectBoxHeight;
  width: @IASelectBoxWidth;
  //background-color: #cccccc;
  display: flex;
  flex-direction: column;
  border: 2px solid @IASelectBoxBorderColor;
  .IA-SelectBox-Header{
    height: 30px;
    display: flex;
    border-bottom: 2px solid @IASelectBoxBorderColor;
    .IA-SelectBox-Header-ICO{width: 30px;text-align: center;line-height: 30px;border-right: 2px solid @IASelectBoxBorderColor;}

      input{
        border: 0px;
        outline: none;
        flex: 1;
        height: 100%;width: 100%;
      }

  }
  .IA-SelectBox-Center{
    flex: 1;
    overflow: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    .IA-Select-Box-Option{
       height: 30px;
      padding-left: 5px;
      line-height: 30px;
      cursor: pointer;
    }
    .IA-Select-Box-Option:hover{
      background-color: #424242;
      color:#ffffff;
    }
  }
  .IA-SelectBox-Main{
    height: 30px;
    border-top: 2px solid @IASelectBoxBorderColor;
    text-align: center;
    line-height: 30px;
    display: flex;
    .IA-SelectBox-Main-Left{
      width: 30px;
      font-size: 12px;
      border-right: 2px solid @IASelectBoxBorderColor;
    }
  }
}
.IA-Img{
  height: 100%;
  width: 100%;
  background-color: #cccccc;
  display: flex;
  .IA-Img-Left{
    flex: 1;
    position: relative;
    overflow: auto;
    overflow-y: hidden;

    .IA-Img-Left-main{
     position: absolute;
      width: auto;
      height: 100%;
      display: flex;
      .IA-Img-Main{
        position: relative;
        width: 120px;
        span{
          position: absolute;
          right: 3px;
          top: 3px;
          cursor: pointer;
          z-index: 2;
          background-color: #cccccc;
          border-radius: 100%;
        }

        img{
          position: absolute;
          width: 100%;
          height: 100%;
        }
      }
    }

  }
  .IA-Img-Right{height: 120px;width: 120px;
    position: relative;;
  }

}

.IA-TabPage{
  width: 100%;height: 100%;
  display: flex;
  flex-direction: column;
  border: 2px solid #CCCCCC;
  box-sizing: border-box;
  .IA-TabPage-Header{
    height: 30px;
    border-bottom: 2px solid #cccccc;
    box-sizing: border-box;
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    .IA-TabPage-Header-Main{
      width: auto;
      height: 30px;
      line-height: 30px;
      li{
        float: left;
        list-style: none;
        padding: 0 10px;
        cursor: pointer;
        font-size: 13px;
        &:hover{
          color: #cccccc;
        }
      }
    }
  }
  .IA-TabPage-Main{
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    flex: 1;
    .IA-TabPage-Main-Index{
      position: absolute;
      display: none;
     &:nth-child(1){
       display: block;
     }
    }
  }
}
@keyframes IAAlertNowcenterShow {
  0%{
    margin: -50px auto;
  }
  30%{
    margin: 18px auto;
  }
  50%{
    margin: 10px auto;
  }
  70%{
    margin: 14px auto;
  }
  100%{
    margin: 10px auto;
  }
}
.IAAlertNow{
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  height: 100%;
  width: 100%;
  display: none;
  .IAAlertNow-center{
    width: 450px;
    height: auto;
    background-color: #ffffff;
    margin: 10px auto;
    border-radius: 10px;
    box-shadow: 0 0 10px #000000;
    animation: IAAlertNowcenterShow 1s linear;
    .IAAlertNow-Header{
      height: 35px;
      width: 100%;
      border-bottom: 1px solid #cccccc;
      text-align: center;
      line-height: 35px;
      .IAAlertNow-Header-Close{
        float: right;
        margin-right: 10px;
        cursor: pointer;
        &:hover{
          color: #cccccc;
        }
      }
    }
    .IAAlertNow-Main{
      padding: 15px;
    }
  }
}



































